<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">#{message['movimiento.titulo']}</h1>
		<h:form id="formMovMerc">
			<p:messages id="message" showDetail="true" closable="true"  />
			<p:panel header="#{message['panel.movimiento.mercaderia']}">
				<h:panelGrid columns="2" id="panel" cellpadding="6" >
					<h:panelGroup>
					<h:outputText value="#{message['movimiento.tipo']}   " />
					<p:spacer width="20px" />
					<p:selectOneMenu id="idtipokardex" required="true" value="#{movimientoMercaderia.idtipokardexproducto}" style="width:175px" >
						<f:selectItems id="tipokardex" value="#{comboAction.tipoKardexItems}"  />
						<p:ajax update="panel" listener="#{movimientoMercaderia.cambiar}" />
					</p:selectOneMenu>
					</h:panelGroup>
					<h:panelGroup>
					 
					<p:spacer/>
					</h:panelGroup>
					<p:fieldset legend="#{message['movimiento.datos.producto']}">
					<h:panelGrid columns="2" cellpadding="4" >
						<h:outputText id="ide" value="#{message['mantenimiento.producto.cantidadEnt']}"   rendered="#{!movimientoMercaderia.editMode}" />
						<p:spinner id="spinnerE" size="7" min="1"  required="true" requiredMessage="#{message['movimiento.cantEntrada.validation']}" 
							value="#{movimientoMercaderia.objKardexSie.cantentrada}" rendered="#{!movimientoMercaderia.editMode}"/>
						<h:outputText id="ids"
							value="#{message['mantenimiento.producto.cantidadSal']}" rendered="#{movimientoMercaderia.editMode}"/>
							<p:spinner id="spinnerS" size="7" min="1"  required="true" requiredMessage="#{message['movimiento.cantSalida.validation']}" 
							value="#{movimientoMercaderia.objKardexSie.cantsalida}" rendered="#{movimientoMercaderia.editMode}"/>
					<h:outputText value="#{message['mantenimiento.producto.tipo']}" />
					<p:selectOneMenu id="tipoProd" value="#{comboAction.tipoProducto}" 
						required="true"  style="width:220px" >
						<f:selectItem itemLabel="Seleccionar tipo" itemValue="#{null}" />
						<f:selectItems value="#{comboAction.tipoitems}" />
						<p:ajax update="produc" listener="#{comboAction.cambiar}" />
					</p:selectOneMenu>
					
					<h:outputText value="#{message['mantenimiento.producto']}" />
					<p:selectOneMenu id="produc"  
						value="#{movimientoMercaderia.idproducto}" required="true"  style="width:220px" >
						<f:selectItem itemLabel="Seleccione Producto" itemValue="#{null}"  />
						<f:selectItems value="#{comboAction.productositems}" />
					</p:selectOneMenu>
					</h:panelGrid>
					</p:fieldset>
					
					<p:fieldset legend="Movimiento #{movimientoMercaderia.tipoMovimiento}"  >
					<h:panelGrid columns="4" cellpadding="4">
					<h:outputText value="Almacen" />
					<p:selectOneMenu id="idAlmacen" size="1" required="true"  style="width:240px" 
						value="#{movimientoMercaderia.idAlmacen}"  >
						<f:selectItem itemLabel="Seleccione almacen" itemValue="#{null}" />
						<f:selectItems value="#{comboAction.almacenItems}" />
					</p:selectOneMenu>
					
					<h:outputText value="Detalle" id="detProd" />
					<p:inputTextarea value="#{movimientoMercaderia.objKardexSie.detallekardex}" maxlength="60" autoResize="false" rows="5" />
					
					<h:outputText value="#{message['movimiento.empresa.descripcion']}" rendered="#{!movimientoMercaderia.editMode}"/>
					<p:selectOneMenu size="1" 	value="#{movimientoMercaderia.idempresa}" rendered="#{!movimientoMercaderia.editMode}" style="width:165px">
						<f:selectItem itemLabel="Seleccione Empresa" itemValue="0" />
						<f:selectItems value="#{comboAction.empresaitems}" />
					</p:selectOneMenu>
					</h:panelGrid>
					</p:fieldset>
					<p:fieldset legend="Movimiento #{movimientoMercaderia.tipomovimientoOpcional}  (Opcional)"  rendered="#{movimientoMercaderia.idtipokardexproducto!=3}"  >
					<h:panelGrid columns="3" cellpadding="4">
					<h:outputText value="Almacen" rendered="#{movimientoMercaderia.idtipokardexproducto!=3}" />
					<p:selectOneMenu id="idAlmacen2" size="1"  style="width:240px" 
						value="#{movimientoMercaderia.idAlmacen2}"   rendered="#{movimientoMercaderia.idtipokardexproducto!=3}" >
						<f:selectItem itemLabel="Seleccione almacen" itemValue="0" />
						<f:selectItems value="#{comboAction.almacenItems}" />
					</p:selectOneMenu>
					<p:spacer  rendered="#{movimientoMercaderia.idtipokardexproducto!=3}" />
					</h:panelGrid>
					</p:fieldset>
					 
					 <h:panelGroup  rendered="#{movimientoMercaderia.idtipokardexproducto==1}" >
					<p:fieldset legend="#{message['movimiento.datos.comprobante']}" rendered="#{login.objEmpleado.cargo==1}"  cellpadding="4">
					<h:panelGrid   columns="3"  rendered="#{movimientoMercaderia.idtipokardexproducto==1}" >
					<h:outputText value="#{message['movimiento.proveedor.nombreempresa']}"  rendered="#{movimientoMercaderia.idtipokardexproducto==1}"/>
					<p:selectOneMenu size="1" rendered="#{movimientoMercaderia.idtipokardexproducto==1}" style="width:165px" 
						value="#{movimientoMercaderia.idproveedor}">
						<f:selectItem itemLabel="Seleccione Proveedor" itemValue="#{null}" />
						<f:selectItems value="#{comboAction.proveedoritems}" />
					</p:selectOneMenu>
					<p:spacer />
					<h:outputText value="#{message['movimiento.valortotal']}"  rendered="#{movimientoMercaderia.idtipokardexproducto==1}"/>
							
					<p:spinner id="valortotal" size="7" min="1"  required="true" requiredMessage="#{message['movimiento.valortotal.validation']}" 
					value="#{movimientoMercaderia.objKardexSie.valortotal}"  rendered="#{movimientoMercaderia.idtipokardexproducto==1}"  />
					<p:message for="valortotal" rendered="#{movimientoMercaderia.idtipokardexproducto==1}"/>
				
					<h:outputText value="#{message['movimiento.comprobante.numero']}" rendered="#{movimientoMercaderia.idtipokardexproducto==1}"/>
					<p:inputMask id="num_comp" mask="9999999999" value="#{movimientoMercaderia.objcomprobante.codcomprobante}" required="true" 
					 rendered="#{movimientoMercaderia.idtipokardexproducto==1}"/>
					
				<p:message for="num_comp" rendered="#{movimientoMercaderia.idtipokardexproducto==1}"/>
				</h:panelGrid>
				</p:fieldset>
				</h:panelGroup>
				</h:panelGrid>
				<br/>
				<p:commandButton id="idG" action="#{movimientoMercaderia.insertar}" icon="ui-icon ui-icon-disk" title="#{message['movimiento.grabar']}"
					value="#{message['movimiento.grabar']}" ajax="false" update="formMovMerc:listaMovim, message"/>
				<p:tooltip for="idG"/>
				<br/><br/> 
				<p:dataTable id="listaMovim" var="d" value="#{movimientoMercaderia.data}"   rowStyleClass="#{d.idkardex == movimientoMercaderia.idMAxKardex ? 'verdeLimon' : null}"
				paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15" widgetVar="table" emptyMessage="No se encontro registros">
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.nro.movi']}" />
						</f:facet>
						<h:outputText value="#{d.idkardex}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.Almacen']}" />
						</f:facet>
						<h:outputText value="#{d.tbPuntoVenta.descripcion}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.tipo']}" />
						</f:facet>
						<h:outputText value="#{d.tbTipoKardexProducto.descripcion}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.producto']}" />
						</f:facet>
						<h:outputText value="#{d.tbProducto.descripcionproducto}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.cantEntrada']}" />
						</f:facet>
						<h:outputText value="#{d.cantentrada}" />
					</p:column>
					<p:column   rendered="#{login.objEmpleado.cargo==1}">
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.valorEntrada']}" />
						</f:facet>
						<h:outputText value="#{d.valorunitarioentrada}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.cantSalida']}"/>
						</f:facet>
						<h:outputText value="#{d.cantsalida}" />
					</p:column>
					<p:column  rendered="#{login.objEmpleado.cargo==1}">
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.valorSalida']}"/>
						</f:facet>
						<h:outputText value="#{d.valorunitariosalida}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.cantExistente']}"/>
						</f:facet>
						<h:outputText value="#{d.cantexistencia}" />
					</p:column>
					<p:column  rendered="#{login.objEmpleado.cargo==1}">
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.valortotal']}"/>
						</f:facet>
						<h:outputText value="#{d.valortotal}" />
					</p:column>
					<p:column  rendered="#{login.objEmpleado.cargo==1}">
						<f:facet name="header">
							<h:outputText value="#{message['movimiento.valorExistente']}"/>
						</f:facet>
						<h:outputText value="#{d.valorunitarioexistencia}" />
					</p:column>
				</p:dataTable>
			</p:panel>
			
		</h:form>
	</ui:define>
</ui:composition>